<template>
	
	
	<!-- 西瓜猪淘客全网首发私有化部署,数据放在自己手里，参考：https://www.xiguazhu.net/
	QQ群:458190194    QQ212156620    微信 jiuge8631
	更多CPS小程序请关注QQ群
	 -->
	 
	<view class="index-wrapper wrapperlayer">
		<view class="pageHeader-container rowCen">
			<view class="userModel-content rowCenBet" v-if="userInfo">
				<view class="rowCen">
					<image class="avatar" :src="userInfo.avatar" mode=""></image>
					<view class="userData-content">
						<view class="userName">
							昵称：{{userInfo.nickName}}
						</view>
						<view class="bearn">
							米团：{{userInfo.riceBall}}
						</view>
					</view>
				</view>

				<view class="hrefBtn">
					<view class="btn rowCenCen" @tap="goPage('../giftRecord/giftRecord')">
						<view>奖品记录</view>
					</view>
					<view class="btn rowCenCen"  @tap="goPage('../integralRecord/integralRecord')">
						<view>米团记录</view>
					</view>
				</view>
			</view>

			<view class="noLogin" v-else>
				您还没有登录，点<span @tap="goLogin()">此处登录</span>
			</view>
		</view>


		<view class="pageContent-container colCen borderBox">
			<view class="mainTitle rowCenCen">
				<view class="bdlr"></view>
				<view class="titletxt">
					省钱教程
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="padding-content rowCenCen">
				<image class="blackboard" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/blackboard.png"
					mode="" @tap="getnoviceCourse()"></image>
			</view>

			<view class="mainTitle rowCenCen">
				<view class="bdlr"></view>
				<view class="titletxt">
					毒鸡汤
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="opacity-box colCen">
				<view class="csoup-bar rowStaBet">
					<image class="lmarks" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/leftmarks.png"
						mode=""></image>
					<view class="soup">
						{{soup}}
					</view>
					<image class="rmarks" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/rightmarks.png"
						mode=""></image>
				</view>

				<view class="changeSoup rowCenCen" @tap="getSoup()">
					<view>
						换一碗
					</view>
				</view>
			</view>


			<view class="mainTitle rowCenCen">
				<view class="bdlr"></view>
				<view class="titletxt">
					领干饭红包
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="list-container rowCenBet borderBox">
				<block v-for="(items,index) in list" :key="index">
					<view class="items-content colCenCen" @tap="goOtherMini(items)">
						<view class="items-title">
							{{items.title}}
						</view>
						<image class="itemspic" :class="index<2?'tada':''" :src="items.pic" mode=""></image>
					</view>
				</block>
			</view>


			<view class="mainTitle rowCenCen" v-if="giftList.length>0">
				<view class="bdlr"></view>
				<view class="titletxt">
					米团换奖品
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="gift-list colCen" v-if="giftList.length>0">
				<block v-for="(items,index) in giftList" :key="index">
					<view class="gift-items rowCenBet">
						<image class="gift-icon" :src="items.pic" mode="aspectFill"></image>
						<view class="gift-info borderBox">
							<view class="gift-title">
								{{items.title}}
							</view>
							<view class="mituan-num">
								米团：{{items.mtNumber}}
							</view>
						</view>
						<view class="exchange-btn rowCenCen" @tap="exchange(items)">
							<view>
								立即兑换
							</view>
						</view>
					</view>
				</block>
			</view>


			<view class="mainTitle rowCenCen">
				<view class="bdlr"></view>
				<view class="titletxt">
					扭蛋机
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="padding-content niudan colCenCen">
				<image class="niudanji" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/niudanji.png" mode="">
				</image>

				<view class="niudanBtn" @tap="niuyiniu()">
				</view>

				<view class="niudanTxtbox rowCenCen" :class="niudanTxt?'haveHeight':''">
					<view>{{niudanTxt}}</view>
				</view>
			</view>

			<view class="mainTitle rowCenCen">
				<view class="bdlr"></view>
				<view class="titletxt">
					语录电视机
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="padding-content television rowCenCen">
				<image class="televisionpic" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/telev.png"
					mode="">
				</image>
				<view class="talkword">
					{{fatTalk}}
				</view>

				<view class="changeBtn" @tap="getfatTalk()"></view>
			</view>


			<view class="mainTitle rowCenCen" v-if="false">
				<view class="bdlr"></view>
				<view class="titletxt">
					订餐闹钟
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="timerSet-container colCen" v-if="false">
				<block v-for="(items,index) in clockList" :key="index">
					<view class="tiem-itmes rowCenBet">
						<view class="left-content">
							<view class="timer-details">
								{{items.time}}
							</view>
							<view class="week">
								{{items.type==1?'周一至周五':items.type==2?'每天':'周六及周日'}}
							</view>
						</view>

						<view class="right-setting colCen">
							<u-switch v-model="items.status==0" :active-color="'#FFD065'" @tap="switchclock(items)"></u-switch>
							<view class="edit-txt" @tap="setClock(items)">
								编辑
							</view>
						</view>
					</view>
				</block>
			</view>

			<view class="mainTitle rowCenCen">
				<view class="bdlr"></view>
				<view class="titletxt">
					客服
				</view>
				<view class="bdlr"></view>
			</view>

			<view class="kf-container rowCenCen borderBox">
				<button open-type="contact" class="pic-wrapper rowCenCen">
					<image class="adv-pic" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/kfkf.png" mode="">
					</image>
				</button>
			</view>


			<view class="bottom-content rowCenBet borderBox">
				<view class="share"></view>
				<image class="morepic" src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/more.png" mode="">
				</image>
				<button class="share" open-type="share"><image @tap="goSharePost()" class="share"
					src="https://hxshapp.oss-cn-beijing.aliyuncs.com/takeout/share.png" mode="">
				</image></button>
			</view>
		</view>


		<u-popup v-model="exChangeShow" mode="center" border-radius="22" height="auto" :closeable='true'>
			<view class="exchangeContainer-model colCen borderBox">
				<view class="exchange-model-title">
					兑换奖品
				</view>
				<view class="gift-name">
					{{giftInfo.title}}
				</view>
				<view class="input-container rowCenCen">
					<input class="acountinpt" type="number" v-model="exChangeAcount" placeholder="请输入充值手机号"
						placeholder-class="iptpla" />
				</view>

				<view class="confirm-btn rowCenCen" @tap="exchangeModelConfirm()">
					<view>立即兑换</view>
				</view>
				<view class="close-btn rowCenCen" @tap="closemodel()">
					<view>取消</view>
				</view>
			</view>
		</u-popup>


		<u-popup v-model="timeShow" mode="bottom" border-radius="22" height="auto" :closeable='true'
			:safe-area-inset-bottom="true">
			<view class="time-model-content colCen">
				<view class="time-model-title rowCenCen">
					<view>设置提醒时间</view>
				</view>
				<picker-view v-if="true" class="picker-view" @change="timerScroll">
					<picker-view-column>
						<view class="timeritem" v-for="(item,index) in hourList" :key="index">{{item.time}}时</view>
					</picker-view-column>
					<picker-view-column>
						<view class="timeritem" v-for="(item,index) in minutesList" :key="index">{{item.min}}分</view>
					</picker-view-column>
				</picker-view>

				<view class="weekSet-container rowCen">
					<block v-for="(items,index) in weeklist" :key="index">
						<view class="week-items rowCenCen" :class="weekSelect==index+1?'sct-items':''"
							@tap="sclweek(index+1)">
							<view>{{items.label}}</view>
						</view>
					</block>
				</view>

				<view class="save-container rowCen">
					<view class="btn-container rowCenCen" @tap="saveClock()">
						<view>保存</view>
					</view>
				</view>
			</view>
		</u-popup>
		
		
		<u-popup v-model="signShow" mode="center" border-radius="22" height="auto">
			<view class="sign-model colCen">
				<image class="signPic" src="../../static/images/sign.png" mode=""></image>
				<view class="sign-suc">
					恭喜您获得每日签饭团奖励
				</view>
				<view class="sign-tips">
					记得每天都要来签到哦~
				</view>
				<view class="confirm-btn rowCenCen" @tap="()=>{signShow=false}">
					<view>好的</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<!-- 西瓜猪淘客全网首发私有化部署,数据放在自己手里，参考：https://www.xiguazhu.net/
	QQ群:458190194    QQ212156620    微信 jiuge8631
	更多CPS小程序请关注QQ群
	 -->
	 
<script>
	import {
		hourList,
		minutesList
	} from '../../utils/time.js'
	export default {
		data() {
			return {
				hourList,
				minutesList,
				userInfo: '',
				exChangeShow: false,
				timeShow: false,
				weekSelect: 1,
				modelClockInfo:[0,0],
				weeklist: [{
						label: '周一至周五',
					},
					{
						label: '每天',
					},
					{
						label: '周六，周末',
					}
				],
				cloakInfo:'',

				list: [],
				giftList: [],
				clockList:[],
				giftInfo: '',
				exChangeAcount: '',

				soup: '',
				fatTalk: '',
				niudanTxt: '',
				signIn:false,
				signShow:false
			}
		},
		onLoad() {
			this.getSoup();
			this.getfatTalk();
			this.getGiftList();
			this.getList();
			// this.getClock()
		},
		onPullDownRefresh() {
			this.getGiftList();
			this.getList();
			var token = uni.getStorageSync('token')
			if (token) {
				this.getUserInfo()
			} else {
				this.userInfo = ''
			}
		},
		onShow() {
			var token = uni.getStorageSync('token')
			if (token) {
				this.getUserInfo()
			} else {
				this.userInfo = ''
			}
			
			if(this.signIn){
				this.signIn = false
				this.$http.post('riceBallRecord/zengsong').then(res=>{
					this.signShow = true
					this.getUserInfo()
				})
			}
		},
		onShareAppMessage() {
			return {
				title: `推荐您领取外卖红包优惠券`,
			}
		},
		methods: {
			saveClock(){
				this.$http.post('alarmClock/update',{
					id:this.cloakInfo.id,
					status:this.cloakInfo.status,
					time:hourList[this.modelClockInfo[0]].time + ':' + minutesList[this.modelClockInfo[1]].min,
					type:this.weekSelect
				},"application/json").then(res=>{
					console.log(res)
					this.cloakInfo = ''
					this.timeShow = false
					// this.getClock();
				})
			},
			timerScroll(e){
				console.log(e);
				this.modelClockInfo = e.detail.value
			},
			setClock(items){
				this.cloakInfo = items
				this.timeShow = true
			},
			switchclock(items){
				this.$http.post('alarmClock/update',{
					id:items.id,
					status:items.status==0?1:0,
					time:items.time,
					type:items.type
				},"application/json").then(res=>{
					console.log(res)
					// this.getClock();
				})
			},
			getClock(){
				this.$http.post('alarmClock/list').then(res=>{
					console.log(res,'闹钟');
					this.clockList = res.data
				})
			},
			niuyiniu() {
				this.$http.post('eatingQuotations/chishenme').then(res => {
					this.niudanTxt = ''
					setTimeout(() => {
						this.niudanTxt = res.data
					}, 500)
				})
			},

			getGiftList() {
				this.$http.post('giftList/list').then(res => {
					uni.stopPullDownRefresh()
					this.giftList = res.data
				})
			},

			getList() {
				this.$http.get('waimaiList').then(res => {
					uni.stopPullDownRefresh()
					this.list = res.data
				})
			},

			getSoup() {
				this.$http.post('eatingQuotations/jitang').then(res => {
					this.soup = res.data
				})
			},

			getfatTalk() {
				this.$http.post('eatingQuotations/pangyan').then(res => {
					this.fatTalk = res.data
				})
			},

			goLogin() {
				var coderes;
				uni.login({
					scopes: 'auth_base',
					provider: 'weixin',
					success: res => {
						console.log(res);
						coderes = res
					},
					fail: err => {
						errs(err);
					}
				})

				this.$nextTick(() => {
					uni.getUserProfile({
						desc: '完善您的会员信息！',
						success: infores => {
							console.log(infores);
							uni.showLoading()
							uni.setStorageSync('wxInfo', infores.userInfo);
							let wxInfo = infores.userInfo;
							this.$http.post('member/programLogin', {
								"avatar": wxInfo.avatarUrl,
								"city": wxInfo.city,
								"country": wxInfo.country,
								"nickName": wxInfo.nickName,
								"province": wxInfo.province,
								"sex": wxInfo.gender,
								"code": coderes.code
							}, 'application/json').then(logres => {
								console.log(logres);
								if (logres.code == 0) {
									uni.setStorageSync('token', logres.data.token)
									this.$nextTick(() => {
										this.getUserInfo()
									})
								}
							}).catch(e => {
								console.log(e)
							})
						}
					})
				})
			},

			exchange(info) {
				if (this.userInfo) {
					this.giftInfo = info
					this.exChangeShow = true
				} else {
					this.goLogin()
				}
			},

			goOtherMini(items) {
				if(this.userInfo){
					uni.showLoading()
					this.$http.post('wmcps/zhuanlian', {
						activityId: items.activityId,
						type: items.type
					}, 'application/json').then(res => {
						console.log(res);
						uni.hideLoading()
						uni.navigateToMiniProgram({
							appId: res.data.appId,
							path: res.data.pagePath,
							success: (res) => {
								console.log(res,'跳转成功');
								if(res.errMsg=='navigateToMiniProgram:ok'){
									this.signIn = true
								}
							}
						})
					})
				}else{
					this.goLogin()
				}
			},

			exchangeModelConfirm() {
				if (this.exChangeAcount) {
					uni.showModal({
						content: '确定兑换信息无误并兑换该礼品？',
						success: (res) => {
							if (res.confirm) {
								this.$http.post('giftList/duihuan', {
									account: this.exChangeAcount,
									giftId: this.giftInfo.id
								}, 'application/json').then(exres => {
									console.log(exres);
									if(exres.code==0){
										uni.showToast({
											title:'兑换成功，可在奖品记录查看~',
											icon:'none',
											duration: 1000
										})
										this.$nextTick(() => {
											this.getUserInfo()
										})
										this.exChangeShow = false
									}
								})
							}
						}
					})
				} else {
					uni.showToast({
						title: '请输入兑换手机号！',
						icon: 'none'
					})
				}
			},
			closemodel() {
				this.exChangeShow = false
			},

			getUserInfo() {
				this.$http.get('member/getInfo').then(res => {
					this.userInfo = res.data
					// this.getClock()
				})
			},

			sclweek(idx) {
				this.weekSelect = idx
			},
			
			getnoviceCourse() {
				uni.navigateTo({
					url:'../richPage/richPage'
				})
			},
			
			goPage(url){
				uni.navigateTo({
					url:url
				})
			}
		}
	}
</script>

<!-- 西瓜猪淘客全网首发私有化部署,数据放在自己手里，参考：https://www.xiguazhu.net/
	QQ群:458190194    QQ212156620    微信 jiuge8631
	更多CPS小程序请关注QQ群
	 -->
	 
<style lang="scss">
	.index-wrapper {
		width: 100%;

		.pageHeader-container {
			width: 100%;
			height: 190rpx;
			padding: 0 26rpx;
			background-color: #FFFFFF;
			border-bottom: 1rpx solid #222222;

			.userModel-content {
				width: 100%;

				.avatar {
					width: 98rpx;
					height: 98rpx;
					border-radius: 50%;
				}

				.userData-content {
					font-size: 28rpx;
					font-weight: bold;
					color: #111111;
					margin-left: 30rpx;

					.userName {
						margin-bottom: 18rpx;
					}
				}

				.hrefBtn {
					.btn {
						width: 140rpx;
						height: 50rpx;
						background: #FFB200;
						border: 1px solid #FF8A00;
						font-size: 26rpx;
						font-weight: bold;
						color: #FFFFFF;
						margin-bottom: 10rpx;
					}
				}
			}

			.noLogin {
				font-size: 32rpx;
				font-weight: bold;
				color: #222222;

				span {
					color: #C8692A;
					text-decoration: underline;
				}
			}
		}


		.pageContent-container {
			width: 100%;
			padding: 0 30rpx;

			.mainTitle {
				width: 100%;
				height: 100rpx;
				margin-top: 40rpx;

				.titletxt {
					font-size: 28rpx;
					font-weight: bold;
					color: #111111;
					margin: 0 20rpx;
				}

				.bdlr {
					width: 60rpx;
					height: 2rpx;
					border-radius: 1rpx;
					background: #222222;
				}
			}

			.padding-content {
				width: 100%;
				background-color: #FFFFFF;
				border-radius: 10rpx;
				padding: 20rpx;

				.blackboard {
					width: 100%;
					height: 120rpx;
				}

				.niudanji {
					width: 100%;
					height: 342rpx;
				}

				.televisionpic {
					width: 100%;
					height: 372rpx;
				}
			}

			.niudan {
				width: 100%;
				background-color: #FAEFEC;
				padding: 35rpx 41rpx;
				position: relative;

				.niudanBtn {
					position: absolute;
					z-index: 10;
					width: 300rpx;
					height: 70rpx;
					bottom: 75rpx;
				}

				.niudanTxtbox {
					position: absolute;
					z-index: 10;
					width: 0rpx;
					overflow: hidden;
					background-color: #FFFFFF;
					border-radius: 12rpx;
					border: 0rpx solid #746048;
					height: 80rpx;
					bottom: 185rpx;
					font-size: 32rpx;
					font-weight: 500;
					color: #746048;
					text-align: center;
					white-space: nowrap;
				}

				.haveHeight {
					width: 400rpx;
					border: 1rpx solid #746048;
					transition: all 0.5s;
				}
			}

			.television {
				width: 100%;
				background-color: #FFFDF2;
				padding: 34rpx;
				position: relative;

				.talkword {
					position: absolute;
					width: 352rpx;
					word-break: break-all;
					font-size: 32rpx;
					font-weight: 500;
					color: #111111;
					line-height: 55rpx;
					z-index: 10;
				}

				.changeBtn {
					position: absolute;
					z-index: 10;
					width: 70rpx;
					height: 40rpx;
					bottom: 73rpx;
					right: 50rpx;
				}
			}

			.opacity-box {
				width: 100%;
				border: 2px solid #E3E3E3;
				border-radius: 10rpx;
				padding: 0 25rpx;

				.csoup-bar {
					width: 100%;

					.lmarks {
						width: 53rpx;
						height: 46rpx;
						margin-top: 33rpx;
					}

					.rmarks {
						width: 53rpx;
						height: 46rpx;
						margin-top: 76rpx;
					}

					.soup {
						width: 445rpx;
						margin-top: 77rpx;
						font-size: 28rpx;
						line-height: 42rpx;
						font-weight: bold;
						color: #B8922A;
						text-align: center;
					}
				}

				.changeSoup {
					width: 290rpx;
					height: 52rpx;
					background: #FAF1EC;
					border: 2rpx solid #FFE7D9;
					border-radius: 10rpx;
					font-size: 28rpx;
					font-weight: 500;
					color: #B8922A;
					margin: 70rpx 0 30rpx 0;
				}
			}


			.list-container {
				width: 100%;
				// padding: 0 26rpx;
				flex-wrap: wrap;

				.items-content {
					width: 332rpx;
					height: 327rpx;
					background: #F4F4F4;
					border-radius: 16rpx;
					margin-bottom: 41rpx;

					.items-title {
						font-size: 28rpx;
						font-weight: bold;
						color: #111111;
					}

					.itemspic {
						margin-top: 30rpx;
						width: 160rpx;
						height: 184rpx;
					}

					@keyframes tada {
						from {
							transform: scale3d(1, 1, 1);
						}

						10%,
						20% {
							transform: rotate3d(0, 0, 1, -8deg);
						}

						30%,
						50%,
						70%,
						90% {
							transform: rotate3d(0, 0, 1, 8deg);
						}

						40%,
						60%,
						80% {
							transform: rotate3d(0, 0, 1, 0deg);
						}

						to {
							transform: scale3d(1, 1, 1);
						}
					}

					.tada {
						animation: tada 1.5s infinite linear;
					}
				}
			}

			.gift-list {
				width: 100%;

				.gift-items {
					width: 100%;
					height: 180rpx;
					background: #FAF1EC;
					border-radius: 12rpx;
					padding: 0 25rpx;
					margin-bottom: 20rpx;

					.gift-icon {
						width: 88rpx;
						height: 115rpx;
					}

					.gift-info {
						width: 410rpx;
						padding: 0 26rpx;

						.gift-title {
							width: 100%;
							font-size: 28rpx;
							font-weight: 500;
							color: #333333;
						}

						.mituan-num {
							font-size: 26rpx;
							font-weight: 500;
							color: #333333;
							margin-top: 25rpx;
						}
					}

					.exchange-btn {
						width: 140rpx;
						height: 52rpx;
						background: #FFB200;
						border: 1rpx solid #FF8A00;
						border-radius: 10rpx;
						font-size: 24rpx;
						font-weight: 500;
						color: #FFFFFF;
						margin-top: 60rpx;
					}
				}
			}

			.kf-container {
				width: 100%;

				.pic-wrapper {
					width: 100%;
					height: 164rpx;

					.adv-pic {
						width: 100%;
						height: 164rpx;
					}
				}
			}

			.timerSet-container {
				width: 100%;
				background: #FFFFFF;
				border-radius: 12rpx;
				padding: 0 20rpx;

				.tiem-itmes {
					width: 100%;
					height: 170rpx;
					border-bottom: 1rpx solid #faf1ec;

					.timer-details {
						font-size: 46rpx;
						font-weight: bold;
						color: #333333;
					}

					.week {
						font-size: 26rpx;
						font-weight: 500;
						color: #9D613D;
						margin-top: 25rpx;
					}

					.edit-txt {
						font-size: 26rpx;
						font-weight: 500;
						color: #9D613D;
						margin-top: 20rpx;
					}
				}
			}

			.bottom-content {
				width: 100%;
				margin-bottom: 20rpx;

				.share {
					width: 82rpx;
					height: 64rpx;
					margin: 0rpx !important;
				}

				.morepic {
					width: 266rpx;
					height: 183rpx;
					margin-top: 160rpx;
				}
			}
		}
	}


	button::after {
		border: none;

	}

	button {
		background-color: transparent;

		padding-left: 0;

		padding-right: 0;

		line-height: inherit;

	}

	button {
		border-radius: 0;
	}

	.time-model-content {
		width: 100%;

		.time-model-title {
			width: 100%;
			height: 100rpx;
			font-weight: 500;
			font-size: 32rpx;
			color: #222222;
		}

		.picker-view {
			width: 100%;
			height: 500rpx;

			.timeritem {
				height: 50rpx;
				align-items: center;
				justify-content: center;
				text-align: center;
			}
		}

		.weekSet-container {
			width: 100%;
			flex-wrap: wrap;
			padding: 0 60rpx;
			margin: 30rpx 0;

			.week-items {
				height: 40rpx;
				border-radius: 12rpx;
				color: #AAAAAA;
				font-size: 24rpx;
				padding: 0 28rpx;
				background-color: #F8F8F8;
				margin-right: 30rpx;
				margin-bottom: 20rpx;
			}

			.sct-items {
				background-color: #FFCF2E;
				color: #FFFFFF;
			}
		}

		.save-container {
			width: 100%;
			padding: 10rpx 36rpx;

			.btn-container {
				width: 100%;
				height: 70rpx;
				border-radius: 35rpx;
				background-color: #C88080;
				color: #FFFFFF;
				font-size: 28rpx;
			}
		}
	}

	.exchangeContainer-model {
		width: 640rpx;
		background-color: #FFFFFF;
		padding: 0 80rpx;

		.exchange-model-title {
			width: 100%;
			text-align: center;
			font-size: 32rpx;
			font-weight: bold;
			color: #222222;
			margin-top: 80rpx;
			margin-bottom: 50rpx;
		}

		.gift-name {
			width: 100%;
			text-align: center;
			font-size: 28rpx;
			font-weight: 500;
			color: #222222;
			margin-bottom: 30rpx;
		}

		.input-container {
			width: 100%;
			height: 90rpx;
			border: 4rpx solid #BCBCBC;
			margin-bottom: 40rpx;
			border-radius: 20rpx;

			.acountinpt {
				width: 100%;
				text-align: center;
				font-size: 28rpx;
				font-weight: 500;
				color: #222222;
			}

			.iptpla {
				color: #BCBCBC;
			}
		}

		.confirm-btn {
			width: 360rpx;
			height: 80rpx;
			background-color: #04C05F;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 28rpx;
			margin-bottom: 30rpx;
			border-radius: 12rpx;
		}

		.close-btn {
			width: 360rpx;
			height: 80rpx;
			background-color: #F2F2F2;
			color: #04C05F;
			font-size: 28rpx;
			margin-bottom: 50rpx;
			border-radius: 12rpx;
		}
	}
	
	.sign-model{
		width: 500rpx;
		background-color: #FFFFFF;
		.signPic{
			width: 280rpx;
			height: 224rpx;
		}
		.sign-suc{
			width: 100%;
			text-align: center;
			font-size: 32rpx;
			font-weight: bold;
			color: #222222;
			margin-top: 30rpx;
			margin-bottom: 50rpx;
		}
		.sign-tips{
			width: 100%;
			text-align: center;
			font-size: 28rpx;
			font-weight: 500;
			color: #666666;
			margin-bottom: 50rpx;
		}
		.confirm-btn {
			width: 300rpx;
			height: 70rpx;
			background-color: #04C05F;
			color: #FFFFFF;
			font-weight: bold;
			font-size: 28rpx;
			margin-bottom: 30rpx;
			border-radius: 16rpx;
		}
	}
</style>
<!-- 西瓜猪淘客全网首发私有化部署,数据放在自己手里，参考：https://www.xiguazhu.net/
	QQ群:458190194    QQ212156620    微信 jiuge8631
	更多CPS小程序请关注QQ群
	 -->